<template>
  <div>
		<el-dialog
			:title="title"
			:visible.sync="dialogVisible"
			width="30%"
			:before-close="handleClose">
			<span>{{descrition[title]}}</span>
			<span slot="footer" class="dialog-footer">
				<el-button @click="dialogVisible = false">取 消</el-button>
				<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
			</span>
		</el-dialog>
	</div>
</template>

<script>
export default {
	props: ['title'],
	data() {
		return {
			dialogVisible: false,

			descrition: {
				// 全局配置
				'silent': 'Vue.config.silent = true | 取消 Vue 所有的日志与警告。', 
				'optionMergeStrategies': '', 
				'devtools': 'Vue.config.devtools = true | 配置是否允许 vue-devtools 检查代码。开发版本默认为 true，生产版本默认为 false。生产版本设为 true 可以启用检查。	',
				'errorHandler': 'Vue.config.errorHandler = function (err, vm, info) { }', 
				'warnHandler': '', 
				'ignoredElements': '',
				'keyCodes': '', 
				'performance': '', 
				'productionTip': '',
				// 全局 API
				'Vue.extend': '', 
				'Vue.nextTick': '', 
				'Vue.set': '',
				'Vue.delete': '', 
				'Vue.directive': '', 
				'Vue.filter': '',
				'Vue.component': '', 
				'Vue.use': '', 
				'Vue.mixin': '',
				'Vue.compile': '', 
				'Vue.observable': '', 
				'Vue.version': '',

				// 选项 / 数据
				data: '',
				props: '',
				propsData: '',
				computed: '',
				methods: '',
				watch: '',
				// 选项 / DOM
				el: '',
				template: '',
				render: '',
				renderError: '',
				// 选项 / 资源
				directives: '',
				filters: '',
				components: '',
				// 选项 / 组合
				parent: '',
				mixins: '',
				extends: '',
				'provide / inject': '',
				// 选项 / 其它
				name: '',
				delimiters: '',
				functional: '',
				model: '',
				inheritAttrs: '',
				comments: '',

				// 实例属性
				'data': '', 
				'props': '', 
				'el': '',
				'options': '', 
				'parent': '', 
				'root': '',
				'children': '', 
				'slots': '', 
				'scopedSlots': '',
				'refs': '', 
				'isServer': '', 
				'attrs': '',
				'listeners': '',

				// 实例方法/数据
				watch: '', 
				set: '', 
				delete: '',

				// 实例方法-事件
				'on': "监听当前实例上的自定义事件 - vm.$on('test', function (msg) { console.log(msg) })", 
				'once': '监听一个自定义事件，但是只触发一次。一旦触发之后，监听器就会被移除。', 
				'off': '移除自定义事件监听器。', 
				'emit': '触发当前实例上的事件。附加参数都会传给监听器回调',

				// 实例方法-生命周期
				mount: '', 
				forceUpdate: '', 
				nextTick: '',
				destroy: '',
				// : '',

			},

		}
	},
	methods: {
		handleClose(done) {
			console.log(done)
			this.dialogVisible = false
		}
	}
}
</script>

<style lang="scss" scoped>

</style>